<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.red{color:red;}
		.thin{font-weight: 200;}
		.italic{font-style:italic;}
		.active{letter-spacing: 0.5em;}
	</style>
</head>
<body>
<div v-cloak id="app">
	<h1 :style="{color:'red', 'font-size':'10px'}">这是一个很大很大的H1,大到你无法想象！！！</h1>
	<h1 :style="h1StyleObj">这是一个很大很大的H1,大到你无法想象！！！</h1>
	<h1 :style="[h1StyleObj, h1StyleObj2]">这是一个很大很大的H1,大到你无法想象！！！</h1>
</div>	
<script src="node_modules/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
	el : '#app',
	data : {
		msg : 'hello',
		flag:true,
		h1StyleObj:{color:'red', 'font-size':'40px', 'font-weight':'200'},
		h1StyleObj2:{fontStyle:'italic'}
	}
})
</script>
</body>
</html>